<!DOCTYPE html>
<html>
<head>
	<title>form表单之输入框</title>
	<meta charset="utf-8">
</head>
<body>
	<!-- http://www.w3school.com.cn/html/html_form_input_types.asp -->
	<!-- 
		form 表单是用来收集用户信息，并提交到服务器

		action:提交到服务器的地址
		method: post/get
	 -->
	<form action="login.php" method="get">

		<!-- 
			type:text 		普通输入框
			placeholder		占位信息，输入框中的内容为空的时候，给用户的提示信息
		 -->

		<!-- 
			label和input绑定
				1.给 input 添加 id 属性
				2.给 label 添加 for 属性，并且 input 的 id 值 跟 label 的 for 取值相同
		 -->
		<label for="un">用户名:</label>
		<input type="text" name="username" placeholder="请输入用户名" id="un">

		<br><br>

		<!-- 
			type:password 		密文输入框
		 -->
		<label for="pwd">密码:</label>
		<input type="password" name="pwd" placeholder="请输入密码" id="pwd">

		<br><br>
		<input type="submit" value="提交">
	</form>
</body>
</html>